<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>直播管理</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/motai2.css">

</head>

<body class="main-body">
	<div id="vue-root" style="margin-top: 35px;">
		<ul class="main-nav2 main-nav-tree basis" style="margin-left:calc(2% - 10px);">

			<li v-for="(menu,index) in menues" :key="index" class="main-side-item2 "
				:class="{'main_itemed':mainItem==index}" @click="mainItem=index">
				<a target="myiframe1" :href="menu.ref">
					<div v-text="menu.title"></div>
				</a>
			</li>
		</ul>
		<iframe src="ys7.html" name="myiframe1" style="width: 100%;height: calc(100vh - 50px);" scrolling="auto"
			overflow-y="auto"></iframe>

	</div>

	<script src="/scriptZIP/qs.min.js"></script>
	<script src="/scriptZIP/vue.min.js"></script>
	<script src="/scriptZIP/axios.min.js"></script>
	<script src="/js/auth_util.js"></script>

	<script>
		var menus = {
			ys7: {
				title: "直播账号",
				ref: "/ys7.html",
			},
		};

		var app = new Vue({
			el: '#vue-root',
			data: {
				mainItem: 0,
				menues: [
					{
						title: "直播账号",
						ref: "/ys7.html",
					}, {
						title: "直播地址",
						ref: "/live_address.html",
					}
				]
			},
			created: function () {
				getAble(function (a) {
					for (var key in menus)
						if (a[key] < 8)
							this.menues.push(menus[key]);

				}.bind(this));
			}
		});
	</script>
</body>

</html>